
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

   <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
     #provinceT tbody tr:nth-child(odd){background:#f7f3f7 }

    </style>
</head>

<body style="color:#333;padding:3px;">
    <!-- 标题 -->
    <div class="page-heade">
      <h2 class="title_color text-center">经销商目标达成报表</h2>
    </div>
    <!-- 标题 -->
    <div>
    <form action=""  class="form-inline">
      <table class="tab-content table-bordered  table" border="1" style="margin-bottom:1px">
          <tr>
          <td><label for="" class="form-label">年份：</label>
       		
            <select name="" id="" class="select form-control">
                 <option value="0">请选择</option>
                 <option value="1">2032</option>
                 <option value="2">2031</option>
                 <option value="3">2030</option>
                 <option value="4">2029</option>
                 <option value="5">2028</option>
                 <option value="6">2027</option>
                 <option value="7">2026</option>
                 <option value="8">2025</option>
                 <option value="9">2024</option>
                 <option value="10">2023</option>
                 <option value="11">2022</option>
                 <option value="12">2021</option>
                 <option value="13">2020</option>
                 <option value="14">2019</option>
                 <option value="15">2018</option>
                 <option value="16">2017</option>
                 <option value="17">2016</option>
                 <option value="18">2015</option>
          </select>
			<span class="lr_5"></span>
				经销商：
                   <div class="input-group">
                 <input type="text" class="form-control" name="" id="Agency" placeholder="请输入关键字或空格查询" style="min-width: 240px">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
               </div>
              <a href="javascript:;">选择</a>
           <span class="lr_5"></span>
              <button class="btn btn-info query">查询</button>
              <button class="btn btn-info emptyIf" type="button">清空</button>
              <button class="btn btn-info LendExcel" type="button">导出Excel</button>
          </td>
            </tr>
      </table>
      <table class="table table-bordered" style="margin:1px;" id="fenquT">
      <tr>
        <td style="min-width: 220px;width: 220px" class="text-center"><label for="" class="form-label">您选定的经销商是：</label> </td>
              <td class="text-left"></td>
              <td style="min-width: 60px;width: 60px"><button class="btn btn-info" type="button">清空</button></td>
      </tr>
      </table>
      <table class="table table-bordered table-hover text-right bud_hei" id="provinceT">
          <tr class="info">
            <th class="text-center">经销商名</th>
            <th class="text-center">&nbsp;</th>
            <th class="text-center">第1季度</th>
            <th class="text-center">第2季度</th>
            <th class="text-center">第3季度</th>
            <th class="text-center">第4季度</th>
            <th class="text-center">合计</th>
          </tr>
          <tbody>
			<tr>
				<td  class="text-center" rowspan="7" style="max-width: 140px">安顺市新城区天金副食经销部</td>
				<td>预计销售目标(元)</td>
				<td class="ObjectNum"></td>
				<td class="ObjectNum"></td>
				<td class="ObjectNum"></td>
				<td class="ObjectNum"></td>
				<td class="ObjectNum trTotal"></td>
			</tr>
			<tr>
        <td>预计费用预算(元)</td>
       	<td class="ObjectNum"></td>
		    <td class="ObjectNum"></td>
		    <td class="ObjectNum"></td>
		    <td class="ObjectNum"></td>
        <td class="ObjectNum trTotal"></td>
      </tr>
      <tr>
        <td>实际销售达成(元)</td>
        <td class="ObjectNum">162035721</td>
	       <td class="ObjectNum">162235712</td>
	       <td class="ObjectNum">162075728</td>
	       <td class="ObjectNum">162035725</td>
        <td class="ObjectNum trTotal">562035725</td>
      </tr>
      <tr>
        <td>实际费用申请(元)</td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum trTotal"></td>
      </tr>
      <tr>
        <td>预计费用率</td>
        <td class=""><span class="ObjectNum"></span></td>
        <td class=""><span class="ObjectNum"></span></td>
        <td class=""><span class="ObjectNum"></span></td>
        <td class=""><span class="ObjectNum"></span></td>
        <td class="trTotal"><span class="ObjectNum"></span></td>
      </tr>
       <tr>
        <td>实际费用率</td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
      <td class="trTotal"><span class="ObjectNum"></span></td>
      </tr>
       <tr>
        <td>实际达成率</td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
        <td class="ObjectNum"></td>
      <td class="trTotal"><span class="ObjectNum"></span></td>
      </tr>
          </tbody>
      </table>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
      <script src="__STATIC__/layout/js/plugins/suggest/bootstrap-suggest.min.js"></script>
      <script src="__STATIC__/layout/js/common.js"></script>
    <script>
       $(document).ready(function(){
            var $ObjectNum =$(".ObjectNum");
               toNum($ObjectNum);

          var trC= $("#provinceT tbody tr");
        trC.each(function(){
         var trTdlen= $(this).find('td').length;
      
         if(trTdlen==7){
            $(this).find("td").eq(0).css("background-color","#e7f7ff");
          
         }
        })
             });
       var Agency =$("#Agency");
       sousuo(Agency);
          function sousuo(id){
            id.bsSuggest({
            allowNoKeyword: false, //是否允许无关键字时请求数据
            multiWord: true, //以分隔符号分割的多关键字支持
            separator: ",", //多关键字支持时的分隔符，默认为空格
            getDataMethod: "url", //获取数据的方式，总是从 URL 获取
            url: 'http://unionsug.baidu.com/su?p=3&t=' + (new Date()).getTime() + '&wd=',
            /*优先从url ajax 请求 json 帮助数据，注意最后一个参数为关键字请求参数*/
            jsonp: 'cb',
            /*如果从 url 获取数据，并且需要跨域，则该参数必须设置*/
            processData: function (json) { // url 获取数据时，对数据的处理，作为 getData 的回调函数
                var i, len, data = {
                    value: []
                };
                if (!json || !json.s || json.s.length === 0) {
                    return false;
                }

                // console.log(json);
                len = json.s.length;

                jsonStr = "{'value':[";
                for (i = 0; i < len; i++) {
                    data.value.push({
                        word: json.s[i]
                    });
                }
                data.defaults = 'baidu';

                //字符串转化为 js 对象
                return data;
            }
        });

          }
    </script>
</body>

</html>
